<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>CGC全球智慧产业联盟共享经济平台实时交易结算数据中心</title>
	<link rel="stylesheet" type="text/css" href="../addons/mx_shop/static/css/datatab.css">
	<script type="text/javascript" src="../addons/mx_shop/static/manage/js/jquery.min.js"></script>
	<style>
		.active{
			background: #9ec2e6 !important;
		}
	</style>
</head>
<body>
	<div class="head">
		<h1>CGC全球智慧产业联盟共享经济平台实时交易结算数据中心</h1>
		<!--<div class="back"><img src="../addons/mx_shop/plugin/sorder/static/images/back.jpg" alt=""></div>-->
	</div>
	<div class="nav">
		<div class="nav_item fl" style="width: 38%;text-align: right;">
			平台总人数
			<p><span class="total">0.00</span>（人）</p>
		</div>
		<div class="nav_item fl" style="width: 24%">
			交易总金额
			<p><span class="money">0.00</span>（元）</p>
		</div>
		<div class="nav_item fl" style="width: 38%;text-align: left;">
			平台总收入
			<p><span class="coll">0.00</span>（元）</p>
		</div>
	</div>

	<div class="content">

		<div class="tit clearfix">
			<div class="item fl" style="width: 11%">时间</div>
			<div class="item fl" style="width: 11%">手机号</div>
			<div class="item fl">消费金额（元）</div>
			<div class="item fl" style="width: 11%">消费门店</div>
			<div class="item fl">即时奖励（元）</div>
			<!--<div class="item fl">总中奖奖金（元）</div>-->
			<div class="item fl">账户余额（元）</div>
			<!--<div class="item fl">推广奖励（元）</div>-->
			<div class="item fl">创业者（元）</div>
			<div class="item fl">服务网点（元）</div>
			<div class="item fl">联盟企业（元）</div>
			<div class="item fl">行业服务商（元）</div>
			<div class="item fl">城市运营商（元）</div>
			<div class="item fl">省级管理（元）</div>
			<div class="item fl">成高成（元）</div>
		</div>

		<div id="datalist"></div>

	</div>	
</body>
<script>

    $(function () {

        //加载数据
        getData();

        setInterval(getData,2000);
    });

    function getData(){
        $.ajax({
            type: "post",
            url: "{php echo webUrl('sorder/datatab/ajaxgetorder')}",
            dataType:"json",
            success: function(res){

                if(res.status == 1){

                    $('.total').text(res.result.total);
                    $('.money').text(res.result.money);
                    $('.coll').text(res.result.coll);

                    var list = res.result.data;

                    var _html = '';
                    for(var i in list){

                        _html += '<div class="cont clearfix">' +
									'<div class="item fl" style="width: 11%">'+list[i].date+'</div>' +
									'<div class="item fl" style="width: 11%">'+list[i].mobile+'</div>' +
									'<div class="item fl">'+list[i].realprice+'</div>' +
									'<div class="item fl" style="width: 11%">'+list[i].mdname+'</div>' +
									'<div class="item fl">'+list[i].xiaofei+'</div>' +
//									'<div class="item fl">'+list[i].zj+'</div>' +
									'<div class="item fl">'+list[i].credit+'</div>' +
//									'<div class="item fl">'+list[i].tuijian+'</div>' +
									'<div class="item fl">'+list[i].wyj+'</div>' +
									'<div class="item fl">'+list[i].wd+'</div>' +
									'<div class="item fl">'+list[i].qiye+'</div>' +
									'<div class="item fl">'+list[i].qudao+'</div>' +
									'<div class="item fl">'+list[i].quyu+'</div>' +
									'<div class="item fl">'+list[i].shengji+'</div>' +
									'<div class="item fl">'+list[i].remain+'</div>' +
								'</div>';
                    }

                    $('#datalist').html(_html);

//                    var leng = list.length;
//                    var cc = 0;
//                    setInterval(function(){
//
//                        if(cc >= leng){
//                            return ;
//						}
//
//                        _html = '<div class="cont clearfix">' +
//                            '<div class="item fl">'+list[cc].date+'</div>' +
//                            '<div class="item fl">'+list[cc].mobile+'</div>' +
//                            '<div class="item fl">'+list[cc].realprice+'</div>' +
//                            '<div class="item fl">'+list[cc].mdname+'</div>' +
//                            '<div class="item fl">'+list[cc].xiaofei+'</div>' +
//                            '<div class="item fl">'+list[cc].zj+'</div>' +
//                            '<div class="item fl">'+list[cc].credit+'</div>' +
//                            '<div class="item fl">'+list[cc].tuijian+'</div>' +
//                            '<div class="item fl">'+list[cc].wyj+'</div>' +
//                            '<div class="item fl">'+list[cc].wd+'</div>' +
//                            '<div class="item fl">'+list[cc].qiye+'</div>' +
//                            '<div class="item fl">'+list[cc].qudao+'</div>' +
//                            '<div class="item fl">'+list[cc].quyu+'</div>' +
//                            '<div class="item fl">'+list[cc].shengji+'</div>' +
//                            '<div class="item fl">'+list[cc].remain+'</div>' +
//                            '</div>';
//
//                        $('#datalist').append(_html);
//
//                        ++cc;
//
//                    },30);


//					var cc = 0;
//					setInterval(function(){
//                        $('.cont').eq(cc).addClass('active');
//						$('.cont').eq(cc).prev().removeClass('active');
//                        ++cc;
//					},30);

                }else{
                    alert('数据加载失败')
                }
            }
        });
    }
</script>
</html>